<ng-container *ngIf="!outlet.isActivated">
    <div class="px-5 py-2">
        <!-- <div style="position: relative;">
                <h4 style="font-size: 1.1rem;font-weight:400;" class="mt-5 mb-5 text-center">**公司盘点单</h4>
                <div style="width:100px;height:100px;background:#ccc; position:absolute;top: -47px;right: 0;"></div>
            </div> -->
        <div class="row">
            <div style="width: 50%;display: flex">
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">费用单号</span>
                    </div>
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">费用名称</span>
                    </div>
                    <div class="border-l-0 border-r-0 radius-0 border-t-0 form-control p-0">
                        <select [(ngModel)]="goods.goodsParentType" class="bg custom-select border-0">
                            <option *ngFor="let type of parentTypes" [ngValue]="type.value">{{type.text}}</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">对方单号</span>
                </div>
                <div class="border-l-0 border-r-0 radius-0 border-t-0 form-control p-0">
                    <select [(ngModel)]="goods.goodsParentType" class="bg custom-select border-0">
                        <option *ngFor="let type of parentTypes" [ngValue]="type.value">{{type.text}}</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">客户名称</span>
                </div>
                <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
            </div>
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">业务员</span>
                </div>
                <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
            </div>
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">理货员</span>
                </div>
                <div class="border-l-0 border-r-0 radius-0 border-t-0 form-control p-0">
                    <select [(ngModel)]="goods.goodsParentType" class="bg custom-select border-0">
                        <option *ngFor="let type of parentTypes" [ngValue]="type.value">{{type.text}}</option>
                    </select>
                </div>
            </div>
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">发生月份</span>
                </div>
                <div class="border-l-0 border-r-0 radius-0 border-t-0 form-control p-0">
                    <select [(ngModel)]="goods.goodsParentType" class="bg custom-select border-0">
                        <option *ngFor="let type of parentTypes" [ngValue]="type.value">{{type.text}}</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">核销月份</span>
                </div>
                <div class="border-l-0 border-r-0 radius-0 border-t-0 form-control p-0">
                    <select [(ngModel)]="goods.goodsParentType" class="bg custom-select border-0">
                        <option *ngFor="let type of parentTypes" [ngValue]="type.value">{{type.text}}</option>
                    </select>
                </div>
            </div>
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">单据日期</span>
                </div>
                <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
            </div>
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">费用类型</span>
                </div>
                <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
            </div>
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">预测金额</span>
                </div>
                <div class="border-l-0 border-r-0 radius-0 border-t-0 form-control p-0">
                    <select [(ngModel)]="goods.goodsParentType" class="bg custom-select border-0">
                        <option *ngFor="let type of parentTypes" [ngValue]="type.value">{{type.text}}</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">实际金额</span>
                </div>
                <div class="border-l-0 border-r-0 radius-0 border-t-0 form-control p-0">
                    <select [(ngModel)]="goods.goodsParentType" class="bg custom-select border-0">
                        <option *ngFor="let type of parentTypes" [ngValue]="type.value">{{type.text}}</option>
                    </select>
                </div>
            </div>
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">代垫金额</span>
                </div>
                <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
            </div>
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">代垫供应商</span>
                </div>
                <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
            </div>
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">代垫编号</span>
                </div>
                <div class="border-l-0 border-r-0 radius-0 border-t-0 form-control p-0">
                    <select [(ngModel)]="goods.goodsParentType" class="bg custom-select border-0">
                        <option *ngFor="let type of parentTypes" [ngValue]="type.value">{{type.text}}</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">代垫批复号</span>
                </div>
                <div class="border-l-0 border-r-0 radius-0 border-t-0 form-control p-0">
                    <select [(ngModel)]="goods.goodsParentType" class="bg custom-select border-0">
                        <option *ngFor="let type of parentTypes" [ngValue]="type.value">{{type.text}}</option>
                    </select>
                </div>
            </div>
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">自付金额</span>
                </div>
                <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
            </div>
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">费用科目</span>
                </div>
                <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
            </div>
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">付款方式</span>
                </div>
                <div class="border-l-0 border-r-0 radius-0 border-t-0 form-control p-0">
                    <select [(ngModel)]="goods.goodsParentType" class="bg custom-select border-0">
                        <option *ngFor="let type of parentTypes" [ngValue]="type.value">{{type.text}}</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="row">
            <div style="width: 25%;">
                <div class="input-group mb-3 col">
                    <div class="input-group-prepend">
                        <span class="input-group-text bg border-0">付款账号</span>
                    </div>
                    <div class="border-l-0 border-r-0 radius-0 border-t-0 form-control p-0">
                        <select [(ngModel)]="goods.goodsParentType" class="bg custom-select border-0">
                            <option *ngFor="let type of parentTypes" [ngValue]="type.value">{{type.text}}</option>
                        </select>
                    </div>
                </div>
            </div>

            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">备注</span>
                </div>
                <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
            </div>
        </div>
    </div>

    <div class="my-5 m-btn text-right pr-5">
        <button routerLink="/cost/actingmat" tsBtn color="white">返回列表</button>
        <button *ngIf="goods.id===0" tsBtn loading color="success" (submit)="confirmInsert($event)">确定添加</button>
        <!-- <button routerLink="/purchase/order" tsBtn color="danger">取消</button> -->
        <!-- <button tsBtn color="success" (click)="resetForm()">新增</button> -->
        <!-- </button> -->
    </div>
</ng-container>

<router-outlet #outlet="outlet"></router-outlet>